/* 专门给博客编辑页使用 */
/* 版心区域*/
.editor-container {
    /* 高度顶住导航栏 */
    height: calc(100% - 50px);

    /* 宽度+margin来设置居中 */
    width: 1000px;
    /* 竖直方向外边距为0  水平方向居中 */
    margin: 0 auto;

}

.editor-container .title {
    /* 只要是水平方向排列就想到弹性布局 */
    /* 将.title的子元素进行弹性布局 */
    display: flex;
    /* 水平方向 各个元素之间留个空*/
    justify-content:space-between;
    /* 竖直方向 */
    align-items: center;
    /* 高度 */
    height: 50px;

}

.editor-container .title input {
    /* 设置输入框的尺寸 */
    width: 895px;
    height: 40px;

    /* 圆角矩形 */
    border-radius: 20px;
    /* 去边框 */
    border: none;
    /* 去掉轮廓线:选中的 */
    outline: none;

    /* 半透明 */
    background-color: rgba(255,255,255,0.8);

    /* 文字大小 */
    font-size: 20px;
    padding: 5px;

    
}

#submit {
    width: 100px;
    height: 40px;
    border-radius: 20px;
    /* margin: 0 5px; */

    background-color: rgba(43, 62, 231,0.8);
    color: rgb(255, 255, 255);
    border: none;
    /* outline: none; */
}

#submit:active {
    background-color: #666;

}

#editor {
    /* 圆角矩形 */
    border-radius: 20px;
    /* opacity可以让editor里的子元素都半透明,这里的透明度是一个百分数80%相当于rgba里的0.8 */
    opacity: 80%;
}
